.mci-alert {
  --el-alert-bg-color: var(--color-fill-3);
  --el-alert-padding: 8px 8px;
  &.el-alert--info {
    color: var(--color-text-4);
    .el-alert__icon {
      color: var(--color-brand-6);
    }
  }
  &.el-alert--success {
    background-color: var(--color-brand-1);
    color: var(--color-text-4);
  }
  
  &.el-alert--warning {
    background-color: var(--color-warning-1);
    color: var(--color-text-4);
    .el-alert__icon{
      color: var(--color-warning-6);
    }
  }
  &.is-plain{
    --el-alert-padding:0;
    --el-alert-bg-color: none;
    .el-alert__content{
      padding: 0;
      @include text-14($text-secondary-color);
      color: var(--color-text-3);
    }
  }
}
